<template>
  <!-- 登录页面 -->
  <view class="box">
    <view class="one">
      <text>
        账号：
      </text>
      <input @input="getAccount" placeholder="请输入您的账号" type="text" />
    </view>
    <view class="two">
      <text>
        密码：
      </text>
      <input @input="getPassword" placeholder="请输入您的密码" type="text" />
    </view>
    <button @click="reg">登录</button>
    <view class="reg" @click="rgg">
      还没有注册账号?
    </view>
  </view>
</template>

<script>
  export default {
    data() {
      return {
        account:'', //账号
        password:'',//密码
        user:''
      }
    },
    methods: {
      // 跳转注册页面
      rgg(){
        uni.reLaunch({
          url:"/pages/reg/reg"
        })
      },
      // 获取密码
      getPassword(e){
        // console.log(e.detail.value);
        this.password = e.detail.value
      },
      // 获取账号
      getAccount(e){
        // console.log(e.detail.value);
        this.account = e.detail.value
      },
      // 判断校验输入
      reg(){
        if(this.account.length < 6){
          uni.showToast({
            icon:"none",
            title:"账号不能小于6位"
          })
          return
        }
        if(this.password.length < 6){
          uni.showToast({
            icon:"none",
            title:"密码不能小于6位"
          })
          return
        }
        if(this.user.length > 10){
          uni.showToast({
            icon:"none",
            title:"用户名不能大于10位"
          })
          return
        }
        // 链接后台登录信息
        uniCloud.database().collection("user").where({
          account:this.account,
          password:this.password
        }).get().then(res=>{
          console.log(res)
          if(this.account.value === res.result.data.account || this.password.value === res.result.data.password){
            uni.showToast({
              title:"登录成功"
            })
            uni.reLaunch({
              url:"/pages/race/race"
            })
          }else{
            uni.showToast({
              icon:"none",
              title:"账号或密码不正确"
            })
            return
          }
        })
        
        
      }
    },
    // onLoad() {
    //   uniCloud.callFunction({
    //     name:"user",
    //     data:{}
    //   }).then(res=>{
    //     console.log(res);
    //     this.Yaccount = res.result.data.account
    //     this.Ypassword = res.result.data.password
    //   })
    // }
  }
</script>

<style scoped lang="scss">
.box{
  margin-top: 30rpx;
  view{
    margin: 20rpx;
    input{
      border: 1rpx solid #999;
      border-radius: 10rpx;
      height: 60rpx;
      padding-left: 10rpx;
      margin: 10rpx;
    }
  }
  button{
    width: 60%;
    margin-top: 50rpx;
    color: skyblue;
  }
  .reg{
    font-size: 26rpx;
    color: sandybrown;
    margin-left: 500rpx;
    margin-top: 100rpx;
  }
}
</style>
